<button>按钮</button>
<script>
    let oBtn = document.querySelector('button');
    console.log(oBtn.toString());
    let arr = ['a', 'b', 'c'];
    let obj = {
        name: 'Tom',
        100: '数字格式的键',
        [oBtn]: '标签（对象）类型的键',
        [arr]: '数组类型的键'
    };
    console.log(obj); 

    // 1.创建map数据
    let m1 = new Map([ 
        [10, 'number类型的键'], 
        [oBtn, '标签（对象）类型的键'],
        [arr, '数组类型的键'],
        [null, 'null类型的键']
    ]);
    console.log(m1); // Map(4) {10 => 'number类型的键', button => '标签（对象）类型的键', Array(3) => '数组类型的键', null => 'null类型的键'}

    // 2.属性：size属性-获取map集合的长度
    console.log( m1.size ); // 4

    // 3.方法
    // 3.1 set(key,val)  添加一条数据
    m1.set(true, '布尔类型的键');
    console.log(m1);

    // 3.2 get(key): 根据key获取val
    console.log( m1.get(oBtn) ); // 标签（对象）类型的键

    // 3.3 has(key): 是否存在key 布尔值
    console.log( m1.has(true) ); // true
    console.log( m1.has(20) ); // false

    // 3.4 delete(key): 删除某条数据
    m1.delete(arr);
    console.log(m1);

    // 3.5 clear(): 清空所有数据
    m1.clear();
    console.log(m1); // Map(0) {size: 0}
</script>